@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_navList {
  height: 75rem/@base;
  line-height: 75rem/@base;
  background-color: #fff;
  border-bottom: 2rem/@base solid #ddd;
  ul {
    width: 750rem/@base;
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 998;
    &.active {
      display: block;
    }
    li {
      border-bottom: 2rem/@base solid #ddd;
      width: 100%;
      height: 75rem/@base;
      line-height: 75rem/@base;
      padding-left: 20rem/@base;
      font-size: 32rem/@base;
    }
  }
  .left {
    .city {
      position: relative;
      ul {
        position: absolute;
        left: -220rem/@base;
        top: 75rem/@base;
      }
    }
    width: 660rem/@base;
    div {
      float: left;
      width: 33.33%;
      position: relative;
      h3 {
        overflow: hidden;
        text-align: center;
        font-size: 32rem/@base;
        font-weight: 400;
        height: 75rem/@base;
        .down {
          margin-left: 10rem/@base;
          display: inline-block;
          width: 33rem/@base;
          height: 18rem/@base;
          background: url(../images/down.png);
          background-size: 33rem/@base 18rem/@base;
        }
      }
    }
  }
  .right {
    float: right;
    width: 90rem/@base;
    height: 100%;
    background: url(../images/icon_bar.png) no-repeat -4rem/@base -95rem/@base;
    background-size: 440rem/@base 264rem/@base;
    border-left: 2rem/@base solid #dddddd;
  }
}

.mmb_items {
  padding: 10rem/@base;
  .item {
    float: left;
    width: 50%;
    padding: 10rem/@base;
    padding: 10rem/@base;
    .top {
      background-color: #fff;
      padding: 10rem/@base;
      height: 352rem/@base;
    }
    .bottom {
      position: relative;
      background-color: #fff;
      padding: 10rem/@base;
      .name {
        font-size: 24rem/@base;
        line-height: 40rem/@base;
        height: 40rem/@base;
      }
      .price {
        color: #f63c24;
        font-size: 28rem/@base;
        line-height: 64rem/@base;
      }
      span {
        width: 126rem/@base;
        height: 55rem/@base;
        background-color: #ff9501;
        color: #fff;
        text-align: center;
        font-size: 24rem/@base;
        line-height: 55rem/@base;
        border-radius: 10rem/@base;
        position: absolute;
        right: 10rem/@base;
        bottom: 10rem/@base;
      }
    }
  }
}